.my-header {
    width: 100%;
    height: 2.5rem;
    background: url("../images/header-bg.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    /*padding: .1rem;*/
    color: #fff;
    overflow: hidden;
}

.section-user {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: .1rem;
}

.userImg {
    width: .6rem;
    height: .6rem;
    display: inline-block;
}

.userImg img {
    width: 100%;
}

.section-userInfo {
    padding-left: .05rem;
    line-height: .3rem;
}

.member-img {
    width: 100%;
    margin-top: .2rem;
    position: relative;
}

.member-img .member {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .1rem;
}

.bg-mask {
    position: absolute;
    bottom: .3rem;
    left: 0;
    width: 100%;
    height: 0.7rem;
}

.my-box {
	background: white;
	position: relative;
	z-index: 2;
	top: -0.2rem;
    box-sizing: border-box;
    padding: .1rem;
    margin-bottom: .6rem;
    color: #333;
}

.my-ul {
    margin-top: .1rem;
}

.my-li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: .1rem;
    position: relative;
}

.my-li > li {
    box-sizing: border-box;
    padding-left: .1rem;
    font-size: .14rem;
    color: #333333;
}

.my-li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.my-coupon:before {
    width: .18rem;
    height: .2rem;
    background: url("../images/my-icon.png") no-repeat;
    background-size: 100% 100%;
}

.my-order:before {
    width: .2rem;
    height: .17rem;
    background: url("../images/my-icon2.png") no-repeat;
    background-size: 100% 100%;
}

.my-com:before {
    width: .18rem;
    height: .18rem;
    background: url("../images/my-icon3.png") no-repeat;
    background-size: 100% 100%;
}

.my-circle:before {
    width: .18rem;
    height: .18rem;
    background: url("../images/my-icon4.png") no-repeat;
    background-size: 100% 100%;
}

.my-li:after {
    content: '';
    display: inline-block;
    position: absolute;
    /*top: 0;*/
    right: 0;
    width: .2rem;
    height: .2rem;
    background: url("../images/arrow.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}













